G7物联网大数据大屏

01 项目背景

2019年末，G7已成为全球公路物流领域最大的卡车物联网平台，持续生产丰富的数据，包括位置、速度、刹车、油量、园区进出、车辆和司机的行为安全等。为了创新展示G7体量与实力，实时精确展示G7车辆、数字货舱、安全设备、网络货运的数量以及在全国的分布状况，万博思图与G7携手打造“G7物联网大数据大屏”。

02 项目成果

万博思图采用创新的数据展示形式，结合G7品牌气质，不断磨合讨论，定制了一套智慧、简约风格的数据可视化大屏，承载了G7的业务实力和百万级的数据体量。在突出指标数据的同时，采用适当的可视化油墨比，描绘了有质感、艺术化的可视化系统界面。

●  绘就绚烂G7物联山河图

地图主视觉，以不同颜色与形状的光点和光柱，实时呈现G7物联的车辆、油气站点、安全设备、数字货舱在全国的分布状况。蓝色光点代表车辆、黄色光柱代表安全设备、绿色光柱代表油气站点、紫色光柱代表数字货舱，光点和光柱交汇融合，在地图上蔓延伸展，描绘了一幅壮阔绚烂的“G7物联山河图”。支持在底部设置时间轴，联动中国地图，动态展示10年来，公司四大业务规模整体增长趋势，也可单独选定某一业务查看。

●  路径监测实现安全预警

数据总览板块，综合展示了企业四大业务的核心数据、趋势数据和今日数据，可清晰直观地了解当前的结算情况、车辆情况、行车路径、司机行为安全等信息。地图以省为单位下钻展示车辆总数，同时弹跳安全、结算、装备等重大事件，不同弹跳事件也以不同设计形式处理。每一个弹跳事件都反应了物流中的各种问题。

03 项目实施

●  创意想法

创新展示G7企业的实力、体量与产品信息，突出主要指标数据，强调功能性，让观看者对企业综合实力有更加清晰直观的了解。通过深入了解G7业务逻辑，充分挖掘分析业务数据，与客户不断沟通功能需求，最终确定以“数据总览、历史回顾”两大主题进行数据可视化展示，实现百万级大数据量震撼呈现。

●  界面设计

面对百万级的大数据量，采用适当的可视化油墨比，描绘出有质感、艺术化的可视化系统界面，既实现了车辆、油气站点、安全装备、智能装备四大业务指标的同屏展示，又保证了界面的工整清晰。结合实际数据，对车辆位置、车辆路径进行设计，以蓝色光点代表车辆，通过叠加打点在地图上呈现出车辆的分布情况，并以光线描绘出车辆在全网公路的行驶路径。在色彩设计上，选择深色背景搭配亮色光点和光柱，呈现出绚烂又不失沉稳的视觉体验，描绘出一幅壮阔的“G7物联山河图”。

●  技术支持

采用HTML5技术进行开发，使整体界面结构灵活多变，且易于拓展维护。使用WebGL技术进行地图主视觉开发，让传统的2D平面场景转化为3D立体场景，在空间上承载更多数据信息，交互体验也更加宏大灵活，还可大幅提升项目性能，从而打造场景更酷炫、数据体量更大的3D可视化效果。实时屏需要展示140万车辆的实时位置，我们对车辆位置进行了网格化取样，运用WebGL和glsl技术让数据形成巨量的地图光点，再对车辆位置进行行政区域区分，最终实现地图省、市、县三级下钻的车辆实时位置粒子效果。历史数据需要将2010-2020年的所有数据进行线性呈现，以月为粒度，每月平均数据量为10万，10年的总数据量超过1200万。如何将这些数据按时间顺序处理成线性数据并达到顺畅的播放效果，是开发过程中最大的难点。经过多次尝试，我们将1200万的数据线性排列好之后，置入GPU中，既保证了每帧十余万的图元渲染的性能问题，也解决了历史数据流程播放的问题。

04 客户收益/评价

●  整合梳理G7平台持续产生的丰富数据，实现百万级大数据量一屏展示，使其在面对政府部门、投资机构、客户洽谈等场景时，能够突出企业的综合实力。

●  帮助企业建立具有传播力的品牌形象，在市场宣传推广方面发挥重要作用，传播渠道覆盖电视台等大型主流媒体，成为提升品牌价值的有力见。